﻿<!-- PAGE CONNEXION MOBILE -->
@{
    ViewBag.Title = "Accueil";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section Head {
    <script src="@Url.Content("~/Scripts/camera.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/Connexion/Connexion.Mobile.js")" type="text/javascript"></script>
}

<div id="content">
    <h2>
        Scannez votre badge</h2>
<div style="display: table; width: auto; margin: auto">
    <div style="display: table-cell; vertical-align: middle">
        <img src="@Url.Content("~/Content/images/icone_scanner_flashcode.jpg")" alt="Connexion" style="width:120px; display: table-cell;" />
    </div>
    <div style="display: table-cell; vertical-align: middle">
        <!--<a href="#utilisateurs" data-role="button" data-rel="popup" data-inline="true" data-mini="true" data-transition="flow">
            <img id="btn_connexion" src="@Url.Content("~/Content/images/icone_digiscan.png")" alt="Connexion" />
        </a>-->
        <a href="#" data-role="button" data-inline="true" data-mini="true" data-transition="flow">
            <img id="btn_connexion" src="@Url.Content("~/Content/images/icone_digiscan.png")" alt="Connexion" />
        </a>
    </div>
    <video id="video"></video>
    <canvas id="canvas"></canvas>

     <div id="status" style="color:red">
			    <noscript>JavaScript is disabled.</noscript>
     </div>

</div>
    

<!--<div data-role="popup" id="utilisateurs" data-overlay-theme="a" data-theme="c" style="width: 300px; margin: auto; max-width: 400px;" class="ui-corner-all">
    <div data-role="header" data-theme="a" class="ui-corner-top">
        <h1>Utilisateur</h1>
    </div>
    <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content">
        <table>
            <tr>
                <td id="utilisateur01" class="utilisateur" style="vertical-align: middle; width: 100px; height: 100px; text-align: center">
                    <img src="@Url.Content("~/Content/images/icone_qrcode.jpg")" style="width: 80px" />
                    <span>Sébastien</span>
                </td>
                <td id="utilisateur02" class="utilisateur" style="display; table-cell; vertical-align: middle; width: 100px; height: 100px; text-align: center">
                    <img src="@Url.Content("~/Content/images/icone_qrcode.jpg")" style="width:80px" />
                    <span>Utilisateur 01</span>
                </td>
            </tr>            
        </table>
    </div>
</div>-->

<div id="utilisateurs" class="popup">
<div data-overlay-theme="a" data-theme="c" class="ui-corner-all">
    <div data-role="header" data-theme="a" class="ui-corner-top">
        <h1>Utilisateur</h1>
    </div>
    <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content">
        <table>
            <tr>
                <td id="utilisateur01" class="utilisateur" style="vertical-align: middle; width: 100px; height: 100px; text-align: center">
                    <img src="@Url.Content("~/Content/images/icone_qrcode.jpg")" style="width: 80px" />
                    <span>Sébastien</span>
                </td>
                <td id="utilisateur02" class="utilisateur" style="display; table-cell; vertical-align: middle; width: 100px; height: 100px; text-align: center">
                    <img src="@Url.Content("~/Content/images/icone_qrcode.jpg")" style="width:80px" />
                    <span>Utilisateur 01</span>
                </td>
            </tr>            
        </table>
    </div>
</div>
</div>




